
<!doctype html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>家园在线</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="wap-font-scale" content="no">

    <link rel="stylesheet" href="{:RES}/jinrong/Mobile/Public/css/chart/nav.css">
    <link rel="stylesheet" href="{:RES}/jinrong/Mobile/Public/css/chart/resource.css">
    <script src="{:RES}/jinrong/Mobile/Public/js/jquery-1.11.3.min.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/history.js"></script>
	<style> 
    body{padding-bottom:80px;}
    .list_data {
    margin-top: 1rem;
    background: #1F1F1F
}

.list_data dt {
    overflow: hidden
}

.list_data dt span {
    display: block;
    /*width: 16%;*/
    float: left;
    border-bottom: 1px solid #282828;
    color: #C4C4C4;
    font-size: .7rem;
    line-height: 2.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center!important;
}

.list_data dt span:nth-of-type(1) {
    padding-left: 3.7%;
    width:30%;
    font-size: 0.6rem;
    color:#999;
}

.list_data dt span:nth-of-type(2) {
    text-align: center;
    width:17%;
}

.list_data dt span:nth-of-type(3) {
    width:10%;
}
.list_data dt span:nth-of-type(4) {
    width:13%;
    color:#999;
}
.list_data dt span:nth-of-type(5) {
    width:13%;
}
.list_data dt span:nth-of-type(6) {
    width:13%;
}

.list_data dd {
    border-bottom: 1px solid #282828;
    padding-top: 4.8%;
    padding-bottom: 3.2%
}

.list_data dd:last-child {
    font-size: .75rem;
    text-align: center;
    border: 0
}

.list_data dd p {
    padding: 0 3.7%;
    overflow: hidden
}

.list_data dd span {
    display: block;
    float: left
}

.list_data dd span:nth-of-type(1) {
    text-align: left;
    font-size: .7rem;
    color: #989898;
    width: 70%
}

.list_data dd span:nth-of-type(2) {
    font-size: .95rem;
    text-align: right;
    width: 30%
}

.list_head span{
    color:#999!important;
    font-size: 0.65rem!important;
}
    </style>
</head>
<body>
<!--加载动画start-->
<include file="Public:loading"/>
<!--加载动画end-->
<nav>
    <ul>
        <li class="nav_icon1"><a href="{:U('Trading/index')}">首页</a></li>
        <li class="nav_icon2"><a href="{:U('User/corps')}">战队</a></li>
        <li class="nav_icon3"><a href="{:U('User/help')}">帮助</a></li>
        <li class="nav_icon4 current current4"><a href="{:U('User/private_person')}">用户中心</a></li>
    </ul>
</nav>
<section class="index_content" style="overflow:hidden;">
    <div class="index_list coupon_list">
        <ul>
            <li class="current" style="width: 99%;" id="today">今日</li>
            <!--<li style="width: 50%;" id="total">累计</li>-->
        </ul>

    </div>
    <div id="list_1" class="list_data" style="display: block;">
<!--         <dl>
            <dt class="list_head">
                <span>到期时间</span>
                <span>资产类型</span>
                <span>涨/跌</span>
                <span>买入金额</span>
                <span>盈利情况</span>
                <span>订单状态</span>
            </dt>
            <div id="list0" class="list_ajax">
            </div>
        </dl> -->
    </div>
   
</section>
</body>
<script>
    $(document).ready(function(){
        $(".coupon_list ul li").click(function(){
            if( $(this).attr("class") != "current" )
            {
                if( $(this).text() == "今日" )
                {
                    // $("#list_1").css("display","block");
                    // $("#list_all").css("display","none");
                }else if( $(this).text() == "累计" )
                {
                    // $("#list_all").css("display","block");
                    // $("#list_1").css("display","none");
                }
                $(".coupon_list ul li").each(function(){
                    $(this).removeClass("current");
                });
                $(this).addClass("current");
            }
        });
    });
</script>
<script src="{:RES}/jinrong/Mobile/Public/js/loading.js"></script>
</html>
